<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page isELIgnored="false" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="../static/css/mui.css" rel="stylesheet"/>
    <link href="../static/css/myuser.css" rel="stylesheet"/>
    <script src="../static/js/mui.js"></script>
</head>

<body>
<div class="mui-content">
    <div id="slider" class="mui-slider mui-fullscreen">
        <div id="sliderSegmentedControl"
             class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <div class="mui-scroll lefttabe" style="width: 100%;">

                <a id="tab_football" class="mui-control-item mui-active" href="#tab_1"
                   style="font-size: 15px;width: 50%">
                    我的待办<span class="mui-badge mui-badge-warning">0</span>
                </a>
                <a id="tab_basketball" class="mui-control-item" href="#tab_2" style="font-size: 15px;width: 50%">
                    我的申请<span class="mui-badge mui-badge-warning">0</span>
                </a>

            </div>
        </div>
        <div class="mui-slider-group">
            <div id="tab_1" class="mui-slider-item mui-control-content mui-active">
                <div id="scroll1" class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="match-list">
                            <ul class="mui-table-view" style="background-color: #bce8f1">
                                <c:forEach items="${requestScope.backlogApplication}" var="backlog">
                                    <li class="mui-table-view-cell">
                                    <span>
                                        <div class="mui-content" style="background-color: #bce8f1">
                                            <div class="mui-row">
                                       <div class="mui-col-sm-5 mui-col-xs-5">
                                           <c:choose>
                                               <c:when test="${backlog.type==1}">
                                                   市内一天
                                               </c:when>
                                               <c:when test="${backlog.type==2}">
                                                   市内多天或市外
                                               </c:when>
                                           </c:choose>
                                       </div>
                                        <div class="mui-col-sm-5 mui-col-xs-5">

                                            <c:choose>
                                                <c:when test="${backlog.status==2}">
                                                    <a style="color: green">待销假</a>
                                                </c:when>
                                                <c:when test="${backlog.status==4}">
                                                    <a style="color: red">请到学生科销假</a>
                                                </c:when>
                                            </c:choose>
                                        </div>
                                               <div class="mui-col-sm-2 mui-col-xs-2">
                                                    <a href="<%=request.getContextPath()%>/public/details?id=${backlog.id}"
                                                       style="color: green;">查看</a>
                                                 </div>
                                            </div>
                                        </div>
                                    </span>
                                    </li>
                                </c:forEach>

                            </ul>

                        </div>
                    </div>
                </div>
            </div>
            <div id="tab_2" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="match-list">
                            <ul class="mui-table-view" style="background-color: #bce8f1">
                                <c:forEach items="${requestScope.allApplication}" var="application">
                                    <li class="mui-table-view-cell">
                                    <span>
                                        <div class="mui-content" style="background-color: #bce8f1">
                                            <div class="mui-row">
                                       <div class="mui-col-sm-5 mui-col-xs-5">
                                           <c:choose>
                                               <c:when test="${application.type==1}">
                                                   市内一天
                                               </c:when>
                                               <c:when test="${application.type==2}">
                                                   市内多天或市外
                                               </c:when>
                                           </c:choose>
                                       </div>
                                        <div class="mui-col-sm-5 mui-col-xs-5">

                                            <c:choose>
                                                <c:when test="${application.status==1}">
                                                    <a style="color: red">待审批</a>
                                                </c:when>
                                                <c:when test="${application.status==2}">
                                                    <a style="color: green">待销假</a>
                                                </c:when>
                                                <c:when test="${application.status==3}">
                                                    <a style="color: green">申请销假</a>
                                                </c:when>
                                                <c:when test="${application.status==4}">
                                                    <a style="color: red">请到学生科销假</a>
                                                </c:when>
                                                <c:when test="${application.status==5}">
                                                    <a style="color: red">已归档</a>
                                                </c:when>
                                            </c:choose>
                                        </div>
                                               <div class="mui-col-sm-2 mui-col-xs-2">
                                                    <a href="<%=request.getContextPath()%>/public/details?id=${application.id}"
                                                       style="color: green;">查看</a>
                                                 </div>
                                            </div>
                                        </div>
                                    </span>
                                    </li>
                                </c:forEach>

                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

</html>
